<jsp:include page="../includes/libtags.jsp" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
	$(function() {

		$('#example').dataTable({
			"bJQueryUI" : true,
			"sPaginationType" : "full_numbers",
			"bFilter" : false
		});
		$('#example2').dataTable({
			"bJQueryUI" : true,
			"sPaginationType" : "full_numbers",
			"bFilter" : false
		});
		
		$('#btnEvaluar').click(function() {
		  $('#form_exp_1').hide('slow', function() {
				$('#form_exp_2').show('slow');
		  });
		});
		
		$('#btnCancelar').click(function() {
		  $('#form_exp_2').hide('slow', function() {
				$('#form_exp_1').show('slow');
		  });
		});
		
		$('#btnConsultaFormVh').click(function() {
		  $('#form_exp_2').hide('slow', function() {
				$('#form_exp_3').show('slow');
		  });
		});	
		
		$('#btnRegresar').click(function() {
		  $('#form_exp_3').hide('slow', function() {
				$('#form_exp_2').show('slow');
		  });
		});	
		

	});
</script>

<div class="tabs">
	<ul>
		<li><a href="#tabs-1">Buscar expediente autorizacion especial</a></li>
	</ul>
	<div id="tabs-1">

		
        <div id="form_exp_1">
        <table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor="#AED0EA">
			<tr>
			  <td bgcolor="#F4F4F3"><table cellpadding="0" cellspacing="0" border="0"
						class="display" id="example">
			    <thead>
			      <tr>
			        <th>Numero  Expediente</th>
			        <th>Empresa solicitante</th>
			        <th>Cantidad formularios</th>
			        <th>Encargado</th>
			        <th>Estado</th>
			        <th>Fecha registro</th>
		          </tr>
		        </thead>
			    <tbody>
			      <tr class="odd gradeX">
			        <td>1</td>
			        <td>abcdeghij</td>
			        <td class="center">1</td>
			        <td class="center">abc</td>
			        <td class="center">Pendiente</td>
			        <td class="center">05/05/2005</td>
		          </tr>
			      <tr class="even gradeC">
			        <td>2</td>
			        <td>abcdeghij</td>
			        <td class="center">1</td>
			        <td class="center">abc</td>
			        <td class="center">Pendiente</td>
			        <td class="center">05/05/2005</td>
		          </tr>
			      <tr class="odd gradeA">
			        <td>3</td>
			        <td>abcdeghij</td>
			        <td class="center">1</td>
			        <td class="center">abc</td>
			        <td class="center">Pendiente</td>
			        <td class="center">05/05/2005</td>
		          </tr>
			      <tr class="even gradeA">
			        <td>4</td>
			        <td>abcdeghij</td>
			        <td class="center">2</td>
			        <td class="center">abc</td>
			        <td class="center">Pendiente</td>
			        <td class="center">05/05/2005</td>
		          </tr>
		        </tbody>
			    <tfoot>
		        </tfoot>
		      </table></td>
		  </tr>
		</table>
        </div>
<br />
	  <div id="form_exp_2" style="display:inline;">
        <table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor="#AED0EA">
		  <tr>
		    <td bgcolor="#F4F4F3"><strong>Datos de la Empresa de transporte</strong>
              <table border="0" cellpadding="7" cellspacing="1"
						bgcolor="#AED0EA">
                <tr>
                  <td bgcolor="#E0EEF7"><strong>Nombre o Razon
                    Social:</strong></td>
                  <td bgcolor="#E0EEF7">TRANSPORTES THORNADO S.A.C</td>
                  <td bgcolor="#E0EEF7"><strong>Registro MTC:</strong></td>
                  <td bgcolor="#E0EEF7">646466CGN</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7"><strong>Representante:</strong></td>
                  <td bgcolor="#E0EEF7">JUAN JOSE SHONG</td>
                  <td bgcolor="#E0EEF7"><strong>Nro RUC:</strong></td>
                  <td bgcolor="#E0EEF7">2421347665</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7"><strong>Direccion:</strong></td>
                  <td bgcolor="#E0EEF7">KM 10.5 DE LA CARRETERA CENTRAL - ATE</td>
                  <td bgcolor="#E0EEF7"><strong>Teléfono:</strong></td>
                  <td bgcolor="#E0EEF7">95684224</td>
                </tr>
            </table></td>
	      </tr>
		  <tr>
		    <td bgcolor="#E9E9E8"><table border="0" cellpadding="3" cellspacing="1">
		      <tr>
		        <td align="right"><strong>Solicitud</strong></td>
		        <td><span class="center">
		          <input type="submit" name="button5"
									id="button6" value="Ver" class="button" />
		          </span></td>
		        <td><span class="center">
		          <input type="submit" name="button5"
									id="button7" value="Descargar" class="button" />
		          </span></td>
	          </tr>
		      </table></td>
      </tr>
		  <tr>
		    <td bgcolor="#F4F4F3"><strong>Itinerario</strong>
              <table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
                <tr>
                  <td rowspan="3" bgcolor="#E0EEF7"><strong>Origen:</strong></td>
                  <td bgcolor="#E0EEF7">Departamento </td>
                  <td bgcolor="#E0EEF7">Lima</td>
                  <td rowspan="3" bgcolor="#E0EEF7"><strong>Fecha de Salida:</strong></td>
                  <td rowspan="3" bgcolor="#E0EEF7">05/05/2005</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Provincia </td>
                  <td bgcolor="#E0EEF7">Lima</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Distrito </td>
                  <td bgcolor="#E0EEF7">Lima</td>
                </tr>
                <tr>
                  <td rowspan="3" bgcolor="#E0EEF7"><strong>Destino:</strong></td>
                  <td bgcolor="#E0EEF7">Departamento </td>
                  <td bgcolor="#E0EEF7">Ica</td>
                  <td rowspan="3" bgcolor="#E0EEF7"><strong>Fecha de Llegada:</strong></td>
                  <td rowspan="3" bgcolor="#E0EEF7">05/05/2005</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Provincia </td>
                  <td bgcolor="#E0EEF7">Ica</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Distrito </td>
                  <td bgcolor="#E0EEF7">Ica</td>
                </tr>
            </table></td>
      </tr>
		  <tr>
		    <td bgcolor="#E9E9E8"><strong>Rutas registradas</strong>
		      <table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
                <tr>
                  <td bgcolor="#E0EEF7"><strong>Numero Ruta</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Descripcion Ruta</strong></td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7"><strong>1</strong></td>
                  <td bgcolor="#E0EEF7"><strong>abc</strong></td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7"><strong>2</strong></td>
                  <td bgcolor="#E0EEF7"><strong>abc</strong></td>
                </tr>
            </table></td>
	      </tr>
		  <tr>
		    <td bgcolor="#F4F4F3"><strong>Estado:</strong> PENDIENTE</td>
      </tr>
		  <tr>
		    <td bgcolor="#E9E9E8"><strong>Fecha de registro: </strong>05/05/2005</td>
	      </tr>
		  <tr>
		    <td bgcolor="#F4F4F3"><strong>Documentos registrados</strong>
		      <table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
		        <tr>
		          <td bgcolor="#E0EEF7"><strong>Numero</strong></td>
		          <td bgcolor="#E0EEF7"><strong>Tipo documento</strong></td>
		          <td colspan="2" bgcolor="#E0EEF7"><strong>Opciones</strong></td>
	            </tr>
		        <tr>
		          <td bgcolor="#E0EEF7"><strong>1</strong></td>
		          <td bgcolor="#E0EEF7"><strong>Carta</strong></td>
		          <td bgcolor="#E0EEF7"><span class="center">
		            <input type="submit" name="button5"
									id="button6" value="Ver" class="button" />
		            </span></td>
		          <td bgcolor="#E0EEF7"><span class="center">
		            <input type="submit" name="button5"
									id="button7" value="Descargar" class="button" />
		            </span></td>
	            </tr>
		        <tr>
		          <td bgcolor="#E0EEF7"><strong>2</strong></td>
		          <td bgcolor="#E0EEF7"><strong>Memorandum</strong></td>
		          <td bgcolor="#E0EEF7"><span class="center">
		            <input type="submit" name="button5"
									id="button6" value="Ver" class="button" />
		            </span></td>
		          <td bgcolor="#E0EEF7"><span class="center">
		            <input type="submit" name="button5"
									id="button7" value="Descargar" class="button" />
	              </span></td>
	            </tr>
            </table></td>
	      </tr>
			<tr>
				<td bgcolor="#E9E9E8"><table border="0" cellpadding="3" cellspacing="1">
				  <tr>
				    <td align="right"><strong>Acciones</strong></td>
				    <td><input type="submit" name="button16" id="button15"
					value="Firmar" class="button" /></td>
				    <td>
				      <input type="submit" name="button4"
									id="button4" value="Rechazar" class="button" />
				      </td>
				    <td>
				      <input type="submit" name="button18"
									id="btnConsultaFormVh" value="Consultar" class="button" />
				      </td>
				    <td>
				      <input type="submit" name="button"
									id="btnCancelar" value="Cancelar" class="button" />
				    </td>
			      </tr>
			    </table></td>
			</tr>
			<tr>
			  <td bgcolor="#F4F4F3"><strong>Lista de formularios de autorizacion generados:</strong>
                <table cellpadding="0" cellspacing="0" border="0"
						class="display" id="example2">
                  <thead>
                    <tr>
                      <th>Placa</th>
                      <th>Modelo</th>
                      <th>Marca</th>
                      <th>Peso Total(Kg)</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr class="odd gradeX">
                      <td>1</td>
                      <td>abcdeghij</td>
                      <td class="center">abcdeghij</td>
                      <td class="center">1000</td>
                    </tr>
                    <tr class="even gradeC">
                      <td>2</td>
                      <td>abcdeghij</td>
                      <td class="center">abcdeghij</td>
                      <td class="center">1000</td>
                    </tr>
                    <tr class="odd gradeA">
                      <td>3</td>
                      <td>abcdeghij</td>
                      <td class="center">abcdeghij</td>
                      <td class="center">1000</td>
                    </tr>
                    <tr class="even gradeA">
                      <td>4</td>
                      <td>abcdeghij</td>
                      <td class="center">abcdeghij</td>
                      <td class="center">1000</td>
                    </tr>
                  </tbody>
                  <tfoot>
                  </tfoot>
              </table></td>
		  </tr>
	  </table>
        </div>
        <br />
        
        <div id="form_exp_3" style="display:inline;">
        <table width="100%" border="0" cellspacing="1" cellpadding="5" id="zebra" bgcolor="#AED0EA">
          <tr>
            <td bgcolor="#E9E9E8"><strong>Datos del vehiculo</strong>
              <table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
                <tr>
                  <td bgcolor="#E0EEF7"><strong>Tipo Unidad</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Marca</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Modelo</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Placa</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Largo(mt)</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Ancho(mt)</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Alto(mt)</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Nro Ejes</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Nro Neumáticos</strong></td>
                  <td bgcolor="#E0EEF7"><strong>Peso seco (TARA) KG</strong></td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Remolcador</td>
                  <td align="center" bgcolor="#E0EEF7">VOLVO</td>
                  <td align="center" bgcolor="#E0EEF7">FH12</td>
                  <td align="center" bgcolor="#E0EEF7">T3J-823</td>
                  <td align="center" bgcolor="#E0EEF7">6.67</td>
                  <td align="center" bgcolor="#E0EEF7">2.67</td>
                  <td align="center" bgcolor="#E0EEF7">2.67</td>
                  <td align="center" bgcolor="#E0EEF7">5</td>
                  <td align="center" bgcolor="#E0EEF7">3</td>
                  <td align="center" bgcolor="#E0EEF7">8000</td>
                </tr>
                <tr>
                  <td bgcolor="#E0EEF7">Semi Trailer</td>
                  <td align="center" bgcolor="#E0EEF7">VOLVO</td>
                  <td align="center" bgcolor="#E0EEF7">FH12</td>
                  <td align="center" bgcolor="#E0EEF7">T3J-823</td>
                  <td align="center" bgcolor="#E0EEF7">6.67</td>
                  <td align="center" bgcolor="#E0EEF7">2.67</td>
                  <td align="center" bgcolor="#E0EEF7">2.67</td>
                  <td align="center" bgcolor="#E0EEF7">5</td>
                  <td align="center" bgcolor="#E0EEF7">3</td>
                  <td align="center" bgcolor="#E0EEF7">8000</td>
                </tr>
              </table>
              <br />
              <strong>Autopropulsado y/o 
mercancia</strong><br />
<table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
  <tr>
    <td bgcolor="#E0EEF7"><strong>Descripcion</strong></td>
    <td bgcolor="#E0EEF7"><strong>Largo(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Ancho(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Alto(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Peso(KG)</strong></td>
  </tr>
  <tr>
    <td bgcolor="#E0EEF7">ESTRUCTURAS METALICAS</td>
    <td align="center" bgcolor="#E0EEF7">6.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td bgcolor="#E0EEF7">8000</td>
  </tr>
  <tr>
    <td bgcolor="#E0EEF7">ESTRUCTURAS METALICAS</td>
    <td align="center" bgcolor="#E0EEF7">6.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td bgcolor="#E0EEF7">8000</td>
  </tr>
</table>
<br />
<table border="0" cellpadding="3" cellspacing="1" bgcolor="#AED0EA">
  <tr>
    <td rowspan="2" bgcolor="#E0EEF7"><strong>Dimensiones totales del vehiculo <br />
      (Incluido mercancia)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Largo(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Ancho(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Alto(mt)</strong></td>
    <td bgcolor="#E0EEF7"><strong>Peso(KG)</strong></td>
  </tr>
  <tr>
    <td align="center" bgcolor="#E0EEF7">6.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td align="center" bgcolor="#E0EEF7">2.67</td>
    <td bgcolor="#E0EEF7">8000</td>
  </tr>
</table></td>
          </tr>
        </table>
        </div>
        
	</div>

</div>
